<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div data-v-63195fae="" class="login-code">
        <img data-v-63195fae=""
            id="captchaImage"
            src=""
            class="login-code-img">
    </div>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tesseract.js/2.1.0/tesseract.min.js"></script>

    <script>
        // 获取图片
        const captchaImage = document.getElementById('captchaImage');
        // 使用html2canvas将图片转换为canvas
        html2canvas(captchaImage).then(canvas => {
            // 使用tesseract.js对canvas进行OCR识别
            Tesseract.recognize(
                canvas,
                'eng', // 指定OCR引擎使用的语言，这里是英文
                {
                    logger: m => console.log(m) // 定义一个日志函数来输出识别进度信息
                }
            ).then(({ data: { text } }) => {
                // 识别完成，输出验证码文字
                console.log(text.replaceAll(' ', '').trim());
            }).catch(error => {
                 // 识别过程中发生错误
                console.error(error);
            });
        });
    </script>
</body>

</html>